<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的收藏</title>
<link rel="stylesheet" type="text/css" href="css/top.css">
<link rel="stylesheet" type="text/css" href="css/lunbo.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/public.js"></script>
<link rel="stylesheet" type="text/css" href="css/vipcenter.css">
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
</head>

<body>
	<%@include file="includetop.jsp"%>
    
    <!--banner 开始-->
  <div class="thetoubu">
	<!--头部-->
	
    <!--详细列表-->
    <div class="xiangxilbnm">
    	<!--left-->
        <div class="liefyu">
        	<h2>个人中心</h2>
                <div class="conb">
                <a href="gerenxinxi">个人信息</a>
                <a href="cart">我的购物车</a>
                <a href="dingdan">我的订单</a>
                <a href="favorite">我的收藏</a>
                <a href="logout">注销登陆</a>
                </div>
        </div>
        <script type="text/javascript">
		$(function(){//第一步都得写这个
			$(".liefyu h2").click(function(){//获取title，并且让他执行下面的函数
			$(this)/*点哪个就是哪个*/.next(".conb")/*哪个标题下面的con*/.slideToggle()/*打开/折叠*/.siblings/*锁定同级元素*/(".con").slideUp()/*同级元素折叠起来*/
			})
		})
		</script>
        <!--right-->
        <div class="zuirifip">
        	<!--商品收藏和店铺收藏-->
            <div class="locfre">
            	<a class="zuliyesi">商品收藏</a>
             
            </div>
            <script>
			$(function(){
				$(".locfre a").click(function(){
					$(this).addClass("zuliyesi").siblings().removeClass("zuliyesi")
					})
				})
            </script>
            <!--收藏的商品列表-->
            <div style="text-align: center" class="feizhoum"><h3>${wufavorite}</h3></div>
            <div class="feizhoum">
            	<ul>
            	 <c:forEach items="${favorite}" var="favorite">
                	<li>
                    	<img src="${favorite.image }"/>
                        <span>
                        	<a href="showProduct?id=${favorite.cid }" style="font-size:20px;">${favorite.name }</a>
                        	<br/>
                            <em style="font-size:12px;">${favorite.info }</em>
                            <a href="fdeleteFavorite?id=${favorite.id}" style="display:block; width:40px; height:20px; text-align:center; line-height:20px; font-size:12px; color:#fff; background:#09f; margin-top:12px">移除</a>
                        </span>
                    </li>
                    </c:forEach>
                    
                </ul>
            </div>
            <!--收藏商品列表结束-->
        </div>
        <!--right结束-->
    </div>
    <!--详细列表结束-->
</div>
<!--个人中心结束-->


</body>	
</html>  
